<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <div th:include="admin/common :: head"></div>
    <link rel="stylesheet" type="text/css" href="/static/lib/webuploader/0.1.5/webuploader.css">
    <link rel="stylesheet" type="text/css" href="/static/css/admin/car/subscribe/list.css">
    <title>预约列表 - 车辆管理 </title>
</head>
<body>

<nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i> 首页
    <span class="c-gray en">&gt;</span> 车辆管理
    <span class="c-gray en">&gt;</span> 预约列表
    <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新">
        <i class="Hui-iconfont">&#xe68f;</i>
    </a>
</nav>

<div class="page-container">
    <div class="text-c">
        <span class="select-box inline">
            <select id="subscribe_status" name="carStatus" class="select">
                <option value="">全部状态</option>
                <option th:each="status:${statuses}"
                        th:value="${status.code}" th:text="${status.name}">
                </option>
            </select>
		</span>

        <button id="subscribe_search" type="submit" class="btn btn-success">
            <i class="Hui-iconfont">&#xe665;</i>
            搜预约
        </button>
    </div>

    <div class="cl pd-5 bg-1 bk-gray mt-20">
        <span class="l">
            <a id="batch_delete" href="javascript:;" class="btn btn-danger radius">
                <i class="Hui-iconfont">&#xe6e2;</i>
                批量删除
            </a>
            <a id="index_all" class="btn btn-warning radius" href="javascript:;">
                <i class="Hui-iconfont">&#xe600;</i>
                索引所有数据
            </a>
        </span>
        <span id="count" class="r">共有数据：<strong>xx</strong> 条</span>
    </div>
    <table id="list" class="table table-border table-bordered table-hover table-bg">
        <thead>
        <tr>
            <th scope="col" colspan="6">预约列表</th>
        </tr>
        <tr class="text-c">
            <th width="50"><input type="checkbox" value="" name=""></th>
            <th width="240">车辆信息</th>
            <th width="240">用户信息</th>
            <th width="240">预约时间</th>
            <th width="100">预约电话</th>
            <th width="100">状态</th>
            <th width="100">描述</th>
            <th width="100">创建时间</th>
            <th width="100">更新时间</th>
            <th width="100">操作</th>
        </tr>
        </thead>
        <tbody>
        </tbody>
    </table>

    <table id="template" style="display: none">
        <tbody>
        <tr class="text-c">
            <td><input type="checkbox" value="{{id}}"></td>
            <td>{{title}}</td>
            <td>{{userName}}</td>
            <td>{{orderTime}}</td>
            <td>{{phoneNumber}}</td>
            <td>{{status}}</td>
            <td>{{description}}</td>
            <td>{{createTime}}</td>
            <td>{{lastUpdateTime}}</td>
            <td class="f-14">
                <a primaryKey="{{id}}" class="finish_saw" title="完成看车" href="javascript:;" style="text-decoration:none">
                    <i class="Hui-iconfont">&#xe6df;</i>
                </a>
                <a primaryKey="{{id}}" class="finish_trade ml-5" title="完成交易" href="javascript:;" style="text-decoration:none">
                    <i class="Hui-iconfont">&#xe6e2;</i>
                </a>
            </td>
        </tr>
        </tbody>
    </table>
</div>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="/static/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/static/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="/static/lib/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="/static/lib/h-ui.admin/js/H-ui.admin.js"></script>
<!--/_footer 作为公共模版分离出去-->

<script type="text/javascript" src="/static/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="/static/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="/static/lib/jquery.validation/1.14.0/messages_zh.js"></script>

<script type="text/javascript" src="/static/js/admin/car/subscribe/list.js"></script>
</body>
</html>